.change-name{
	background:rgba(240,240,240,1);
	height: 100%;
	.top, .center, .bottom{
		padding: 0 0.4rem;
	}
	.top{
		height:1.17rem;
		display: flex;
		flex-direction: row;
		padding-top: 0.56rem;
		align-items: center;
		justify-content: space-between;
		img{
			height: 0.28rem;
			height: 0.49rem;
		}
		.title{
			display: block;
			font-size:0.48rem;
			font-family:PingFang;
			font-weight:bold;
			color:rgba(51,51,51,1);
		}
		.complete{
			width: 1.33rem;
			height: 0.67rem;
			width:1.33rem;
			background:rgba(39,186,194,1);
			border-radius:0rem;
			span{
				line-height: 0.67rem;
				text-align: center;
				display: block;
				font-size:0.4rem;
				font-weight:bold;
				color:rgba(255,255,255,1);
			}
		}
	}
	.center{
		height: 1.07rem;
		box-shadow:0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.2);
		input, span{
			margin: 0;
			width: 100%;
			background:rgba(240,240,240,1);
			border: none;
			box-sizing: border-box;
			display: block;
			height: 100%;
			font-size:0.37rem;
			font-family:PingFang;
			font-weight:bold;
			color:rgba(51,51,51,1);
			line-height: 1.07rem;
			border-bottom: 1px solid #ccc;
		}
	}
	.bottom{
		margin-top: 0.4rem;
		height:0.32rem;
		font-size:0.32rem;
		font-family:PingFang;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:0.32rem;
		opacity:0.5;
	}
}